<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:rich="http://richfaces.org/rich"
        xmlns:a4j="http://richfaces.org/a4j">

<ui:composition template="/Templates/SPI.xhtml">
	<ui:define name="header">
	    
	</ui:define>
	<ui:define name="content">
            <rich:tabPanel id="tabPanelPlan">
                <rich:tab label="Plan Estrategico">
                    <h:panelGrid id="posiPanelPlan" columns="3" styleClass="panelGridConActiva">
                         <rich:panel>
                           <f:facet name="header" ><span class="esPanPla">PLAN ESTRATEGICO</span></f:facet>

                           <a4j:commandButton id="posiBotNuevoPla" value="NUEVO" ></a4j:commandButton>


                           <rich:dataTable  onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                                onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                                cellpadding="0" cellspacing="0"
                                width="700" border="0" var="plan" value="#{gestorPlan.listadoSpiPlan}">


                                    <rich:column>
                                        <f:facet name="header">Código</f:facet>
                                        <h:outputText value="#{plan.id.plaCodigo}"></h:outputText>
                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Descripción</f:facet>
                                            <h:outputText value="#{plan.plaDescripcion}"></h:outputText>
                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Periodo Inicio</f:facet>
                                            <h:outputText value="#{plan.plaPeriodoInicio}"></h:outputText>
                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Periodo Fin</f:facet>
                                            <h:outputText value="#{plan.plaPeriodoFin}"></h:outputText>
                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Tipo Plan</f:facet>
                                            <h:outputText value="#{plan.id.pltCodigo}"></h:outputText>

                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Activo</f:facet>

                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Acciones</f:facet>
                                             <a4j:commandLink ajaxSingle="true" id="editLink"
                                                oncomplete="#{rich:component('editPanel')}.show()">
                                                <h:graphicImage value="/Imagenes/edit.gif" style="border:0" />
                                                <f:setPropertyActionListener value="#{category}"
                                                    target="#{dataTableScrollerBean.currentItem}" />
                                                <f:setPropertyActionListener value="#{row}"
                                                    target="#{dataTableScrollerBean.currentRow}" />
                                                <rich:toolTip for="editLink" value="Edit" />
                                                <a4j:commandLink ajaxSingle="true" id="deleteLink"
                                                    oncomplete="#{rich:component('deletePanel')}.show()">
                                                    <h:graphicImage value="/Imagenes/delete.gif" style="border:0" />
                                                    <f:setPropertyActionListener value="#{row}"
                                                        target="#{dataTableScrollerBean.currentRow}" />
                                                </a4j:commandLink>
                                                <rich:toolTip for="deleteLink" value="Delete" />
                                              </a4j:commandLink>
                                    </rich:column>

                            </rich:dataTable>
                         </rich:panel>


                    </h:panelGrid>
                </rich:tab>
                <rich:tab label="Linea Estrategica">
                     <h:panelGrid id="posiPanelLinea" columns="3" styleClass="panelGridConActiva">
                         <rich:panel>
                           <f:facet name="header" ><span class="esPanPla">LINEA ESTRATEGICA</span></f:facet>

                           <a4j:commandButton id="posiBotNuevoLinea" value="NUEVO"></a4j:commandButton>


                           <rich:dataTable  onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                                onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                                cellpadding="0" cellspacing="0"
                                width="700" border="0" var="record" value="#{report.expReport.records}">


                                    <rich:column>
                                        <f:facet name="header">Código</f:facet>

                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Descripción</f:facet>

                                    </rich:column>                                   
                                    <rich:column>
                                            <f:facet name="header">Plan Estrategico</f:facet>

                                    </rich:column>
                                    <rich:column >
                                            <f:facet name="header">Activo</f:facet>

                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Acciones</f:facet>

                                    </rich:column>

                            </rich:dataTable>
                         </rich:panel>


                    </h:panelGrid>
                </rich:tab>
                <rich:tab label="Objetivo">
                     <h:panelGrid id="posiPanelObje" columns="3" styleClass="panelGridConActiva">
                         <rich:panel>
                           <f:facet name="header" ><span class="esPanPla">OBJETIVO</span></f:facet>

                           <a4j:commandButton id="posiBotNuevoObje" value="NUEVO"></a4j:commandButton>


                           <rich:dataTable  onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                                onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                                cellpadding="0" cellspacing="0"
                                width="700" border="0" var="record" value="#{report.expReport.records}">


                                    <rich:column>
                                        <f:facet name="header">Código</f:facet>

                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Descripción</f:facet>

                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Linea Estrategica</f:facet>

                                    </rich:column>
                                    <rich:column >
                                            <f:facet name="header">Activo</f:facet>

                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Acciones</f:facet>

                                    </rich:column>

                            </rich:dataTable>
                         </rich:panel>


                    </h:panelGrid>
                </rich:tab>
                 <rich:tab label="Proceso">
                    <h:panelGrid id="posiPanelProc" columns="3" styleClass="panelGridConActiva">
                         <rich:panel>
                           <f:facet name="header" ><span class="esPanPla">PROCESO</span></f:facet>

                           <a4j:commandButton id="posiBotNuevoProc" value="NUEVO"></a4j:commandButton>


                           <rich:dataTable  onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                                onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                                cellpadding="0" cellspacing="0"
                                width="700" border="0" var="record" value="#{report.expReport.records}">


                                    <rich:column>
                                        <f:facet name="header">Código</f:facet>

                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Descripción</f:facet>

                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Objetivo</f:facet>

                                    </rich:column>
                                    <rich:column >
                                            <f:facet name="header">Activo</f:facet>

                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Acciones</f:facet>

                                    </rich:column>

                            </rich:dataTable>
                         </rich:panel>


                    </h:panelGrid>
                </rich:tab>
                 <rich:tab label="Intervención">
                    <h:panelGrid id="posiPanelInter" columns="3" styleClass="panelGridConActiva">
                         <rich:panel>
                           <f:facet name="header" ><span class="esPanPla">INTERVENCION</span></f:facet>

                           <a4j:commandButton id="posiBotNuevoInter" value="NUEVO"></a4j:commandButton>


                           <rich:dataTable  onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                                onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                                cellpadding="0" cellspacing="0"
                                width="700" border="0" var="record" value="#{report.expReport.records}">


                                    <rich:column>
                                        <f:facet name="header">Código</f:facet>

                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Descripción</f:facet>

                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Proceso</f:facet>

                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Responsable</f:facet>

                                    </rich:column>
                                    <rich:column >
                                            <f:facet name="header">Activo</f:facet>

                                    </rich:column>
                                    <rich:column>
                                            <f:facet name="header">Acciones</f:facet>

                                    </rich:column>

                            </rich:dataTable>
                         </rich:panel>


                    </h:panelGrid>
                </rich:tab>
             </rich:tabPanel>
	</ui:define>
	<ui:define name="footer">
	    Add your footer here or delete to use the default
	</ui:define>
</ui:composition>
</html>